Shadows

Examples

Shadow 1
Shadow 2
<div class="shadow-1 p-20 rounded-14">Shadow 1</div>
<div class="shadow-2 p-20 rounded-14">Shadow 2</div>

Sass

Variables

$shadow-1: 0px 19px 29px rgba(62, 53, 120, 0.14);
$shadow-2: 0px 7px 22px rgba(143, 134, 196, 0.07);

Utilities API

Shadow Utilities produced from scss/components/bootstrap/_utilities.scss

"shadow": (
    property: box-shadow,
    class: shadow,
    values: (
        null: $box-shadow,
        sm: $box-shadow-sm,
        lg: $box-shadow-lg,
        1: $shadow-1,
        2: $shadow-2,
        none: none,
    )
),